<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>5.沉淀习惯养成 | 被删的前端游乐场</title>
    <meta name="generator" content="VuePress 1.8.2">
    
    <meta name="description" content="Just playing around">
    
    <link rel="preload" href="/front-end-playground/assets/css/0.styles.6ad2a9ca.css" as="style"><link rel="preload" href="/front-end-playground/assets/js/app.1e2670bf.js" as="script"><link rel="preload" href="/front-end-playground/assets/js/2.38d016d1.js" as="script"><link rel="preload" href="/front-end-playground/assets/js/3.e3f029cb.js" as="script"><link rel="preload" href="/front-end-playground/assets/js/127.f28403b1.js" as="script">
    <link rel="stylesheet" href="/front-end-playground/assets/css/0.styles.6ad2a9ca.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/front-end-playground/" class="home-link router-link-active"><!----> <span class="site-name">被删的前端游乐场</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/front-end-playground/" class="nav-link">概述</a></div><div class="nav-item"><a href="/front-end-playground/front-end-basic/" class="nav-link">前端领域</a></div><div class="nav-item"><a href="/front-end-playground/vue/" class="nav-link">Vue学习</a></div><div class="nav-item"><a href="/front-end-playground/wxapp/" class="nav-link">小程序学习</a></div><div class="nav-item"><a href="/front-end-playground/front-end-others/" class="nav-link">百家齐放</a></div><div class="nav-item"><a href="/front-end-playground/front-end-addon/" class="nav-link">前端的进击</a></div><div class="nav-item"><a href="/front-end-playground/front-end-work/" class="nav-link router-link-active">前端与工作</a></div><div class="nav-item"><a href="/front-end-playground/faq.html" class="nav-link">FAQ</a></div> <a href="https://github.com/godbasin/front-end-playground" target="_blank" rel="noopener noreferrer" class="repo-link">
    Github
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/front-end-playground/" class="nav-link">概述</a></div><div class="nav-item"><a href="/front-end-playground/front-end-basic/" class="nav-link">前端领域</a></div><div class="nav-item"><a href="/front-end-playground/vue/" class="nav-link">Vue学习</a></div><div class="nav-item"><a href="/front-end-playground/wxapp/" class="nav-link">小程序学习</a></div><div class="nav-item"><a href="/front-end-playground/front-end-others/" class="nav-link">百家齐放</a></div><div class="nav-item"><a href="/front-end-playground/front-end-addon/" class="nav-link">前端的进击</a></div><div class="nav-item"><a href="/front-end-playground/front-end-work/" class="nav-link router-link-active">前端与工作</a></div><div class="nav-item"><a href="/front-end-playground/faq.html" class="nav-link">FAQ</a></div> <a href="https://github.com/godbasin/front-end-playground" target="_blank" rel="noopener noreferrer" class="repo-link">
    Github
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav>  <ul class="sidebar-links"><li><section class="sidebar-group collapsable depth-0" style="padding-top:10px;"><div class="kitty-main" data-v-2b653b36><span class="stand" data-v-2b653b36></span> <div class="cat" data-v-2b653b36><div class="body" data-v-2b653b36></div> <div class="head" data-v-2b653b36><div class="ear" data-v-2b653b36></div> <div class="ear" data-v-2b653b36></div></div> <div class="face" data-v-2b653b36><div class="nose" data-v-2b653b36></div> <div class="whisker-container" data-v-2b653b36><div class="whisker" data-v-2b653b36></div> <div class="whisker" data-v-2b653b36></div></div> <div class="whisker-container" data-v-2b653b36><div class="whisker" data-v-2b653b36></div> <div class="whisker" data-v-2b653b36></div></div></div> <div class="tail-container" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36><div class="tail" data-v-2b653b36></div></div></div></div></div></div></div></div></div></div> <p class="sidebar-heading open"><span>前端这几年</span> <span class="arrow down"></span></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-1-begin-in.html" class="sidebar-link">1.转岗之路</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-2-principle.html" class="sidebar-link">2.工作原则和选择</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-3-growth.html" class="sidebar-link">3.关于成长和焦虑</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-4-health.html" class="sidebar-link">4.生命与健康</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-5.html" aria-current="page" class="active sidebar-link">5.沉淀习惯养成</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-5.html#二次理解与记录" class="sidebar-link">二次理解与记录</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-5.html#总结和复盘" class="sidebar-link">总结和复盘</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-5.html#沉淀积累" class="sidebar-link">沉淀积累</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-5.html#分享讨论" class="sidebar-link">分享讨论</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-5.html#让事情更有趣" class="sidebar-link">让事情更有趣</a></li><li class="sidebar-sub-header"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-5.html#结束语" class="sidebar-link">结束语</a></li></ul></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-6.html" class="sidebar-link">6.工作选择的困惑</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-7.html" class="sidebar-link">7.情绪与保持清醒</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-8.html" class="sidebar-link">8.工作中的矛盾</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-9.html" class="sidebar-link">9.提升工作效率</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-10.html" class="sidebar-link">10.我的工作历险记</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-11.html" class="sidebar-link">11.关于一年一换的魔咒</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/about-writing.html" class="sidebar-link">写文章这件事</a></li><li><a href="/front-end-playground/front-end-work/front-end-days/a-book-with-one-story.html" class="sidebar-link">一本书和一个故事</a></li></ul></section></li><li><section class="sidebar-group collapsable depth-0" style="padding-top:;"><!----> <p class="sidebar-heading"><span>面试这件事</span> <span class="arrow right"></span></p> <!----></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><p>工作这么多年，有一个习惯让我收获匪浅，那就是坚持将工作和生活中的一些知识、思考和理解沉淀下来。这是一个特别漫长的过程，但大概是这些年来最有价值的投资了。</p> <h1 id="让一件事情事半功倍"><a href="#让一件事情事半功倍" class="header-anchor">#</a> 让一件事情事半功倍</h1> <p>工作中有很多人会遇到一些困惑，为什么我在做的都是简单又无趣的事情？这样重复性的工作好像没法带来什么成长？好多人老是找我问同样的问题？</p> <p>学习新知识或者技能的时候也是，这个问题我明明解决过，但是我忘记了解决办法，当时我是怎么处理的？这个内容好像在哪里看到过，但是我要去哪里找呢？</p> <p>我们花了不少的时间去做一些事情，但是总陷入反复的困境。要怎么破这个局呢？很简单，每次当你遇到这种事情的时候，尝试使用自己喜欢的方式记录下来。</p> <h2 id="二次理解与记录"><a href="#二次理解与记录" class="header-anchor">#</a> 二次理解与记录</h2> <p>记录是一个创作的过程，我们阅读东西的时候可能过脑就忘，但是记录的时候我们需要进行二次的理解和整理、变成自己的表现方式来记下来。说的有点复杂，其实最常用的方式就是写下来。</p> <p>写什么呢？</p> <p>这个问题是如何解决的，把步骤记下来，查询过程中用到相关的网页地址也链接上。这个问题有人来问，把解答记下来，又或者整理成一个文档，下一个人问的时候就可以直接贴出来。学习到的新知识，可以将自己认为重要的部分记下来，附上学习的链接等。</p> <p>这样，下次再遇到相似的问题时，就可以快速地解决了。我们日常工作的内容又多又繁琐，可以尝试将它们梳理成比较有逻辑的方式，记忆的部分可以交给如今发达的科技。涉及文本的检索，我们可以将记录发布到某个社区，又或者有条件自己搭个博客记录，这样需要用到的时候，就可以直接去通过搜索找到想要的内容了，方便又高效，说不定还能帮到其他人。</p> <h2 id="总结和复盘"><a href="#总结和复盘" class="header-anchor">#</a> 总结和复盘</h2> <p>我们在完成一个目标、做完一个项目之后，通常会直接进入下一个阶段。但如果认为事情就这么结束的话，你会丢掉一个获得更多成长的机会。</p> <p>要怎么做呢？</p> <p>我们在做一件事之前，可以先思考一下，可能有什么风险？中间会遇到哪些问题？要怎么解决？预期目标是怎样的？有了预期，我们除了可以做较完整的准备工作，还可以在事情结束之后进行总结。</p> <p>总结的内容，和我们前面思考的内容差不多，主要是进行一个预期和最终结果的对比。如果结果与预期差不多，可以总结下准备工作中那些风险是预料到所以及时处理了，将整个开始、过程、结果都分阶段记录下来。</p> <p>这种总结方式，在工作中我们常常称为复盘，不管是成功还是失败的案例，都可以进行复盘。这个过程由于思考很多，也为准备查阅了很多资料，会给个人带来不少的成长。如果我们只是简单地完成一个又一个的任务，那么和流水线工作没多大差别，不利于个人发展。</p> <h1 id="如何坚持"><a href="#如何坚持" class="header-anchor">#</a> 如何坚持</h1> <p>沉淀是需要慢慢做的事情，没有人第一次整理文档就可以快速做完。在开始的时候，通常需要花不少的时间。虽然这种耗时会随着我们的熟练程度越来越少，但要坚持做却不容易，我们会有很多的理由不去进行，包括工作太忙太累、没有时间去做、感觉没什么收益等等，然后慢慢放弃。</p> <p>那，要怎么让自己坚持下去呢？</p> <h2 id="沉淀积累"><a href="#沉淀积累" class="header-anchor">#</a> 沉淀积累</h2> <p>我们在职场中，虽然常常“大佬大佬”地相互称呼，但大家都知道那是客套话。每个人的经历和精力都不一样，所以如果和别人对比，自己总有很多不如的地方。</p> <p>沉淀的积累，对提升个人自我感觉有帮助。获得成就感，可以改善我们的工作和生活。自信是很重要的一个品质，工作中自信的人可以获得更多的机会、面对挑战的态度也会更加积极。而沉淀这种方式，就跟囤粮食的仓鼠一样，我们储备了足够的知识和经验，可以创建更多的可能性。</p> <p>这是一个正反馈的过程。当你在遇到相同的问题，快速地从以前整理的内容中找到解决方案时；当你在整理过程发现一些有趣的想法，发出“原来还可以这样”的感叹时；当你翻出以前的解决方案，再对比现在常见的业界方案，发现原来核心思想依然是一样的时候。这些时候，你在慢慢享受以前的付出带来的收获，会让你更愿意继续坚持下去。</p> <h2 id="分享讨论"><a href="#分享讨论" class="header-anchor">#</a> 分享讨论</h2> <p>沉淀下来的内容，如果你分享出去，会有更好的效果。</p> <p>当你在跟其他人分享你的一些经验和总结，会引起大家的思考和讨论。你会发现，原来大家的思维方式各式各样，原来其他人看问题的角度是这样子的。在这个过程中，你可以吸收到自己无法获得的一些奇思妙想，你会觉得自己的世界又大了很多。</p> <p>有些时候，这些沉淀的内容甚至可以获得一些其他人的反馈，例如我也偶尔会收到一些鼓励的话语，这些话语虽然比较简短，但的确在我一些比较艰难的时间给到了不少的帮助，才可以这般坚持下去。</p> <h2 id="让事情更有趣"><a href="#让事情更有趣" class="header-anchor">#</a> 让事情更有趣</h2> <p>如果依赖别人的反馈来作为坚持的动力，那事情就会变得很被动。但如果我们自己能给自己提供乐趣，那是不是就可以沉迷在这个过程中呢。</p> <p>我是一个自娱自乐的人，写文章是我的一种沉淀方式，我寻找乐趣的方法是快乐地写文章。</p> <p>写文章，和写前端有个共同的特点，所见即所得。这意味着我可以加很多自己喜欢、觉得好玩的事情进去，整个写的过程它是一个很有趣的过程。例如，在博客里放一些自己喜欢的图片，像我的前端游乐场也放了好多猫猫进去。在写文章的过程中，我也比较喜欢把最近的一些感想或者看到的好的句子穿插在我的文字里。通过这种方式，我自己再回顾的时候，也会很开心。</p> <p>这样的方式也适合日常的工作。例如程序员都普遍不爱写注释，我常常在代码注释里写一些结合心情的内容和表情包，既解决了没有注释的问题，而这个过程中我也很享受。</p> <h2 id="结束语"><a href="#结束语" class="header-anchor">#</a> 结束语</h2> <p>总而言之，工作时间越长，沉淀这个习惯给我带来的收获越来越多，所以我想分享给你们，希望你们也能从中得到收益。</p></div> <!----> <footer class="page-edit"><div class="edit-link"><a href="https://github.com/godbasin/front-end-playground/edit/sourcecode/docs/front-end-work/front-end-days/about-front-end-5.md" target="_blank" rel="noopener noreferrer">帮阿猪改善此页面！</a> <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></div> <!----> <blockquote>部分文章中使用了一些网站的截图，如果涉及侵权，请告诉我删一下谢谢~</blockquote> <div style="margin-top:30px;"><div class="el-row" style="margin-left:-10px;margin-right:-10px;"><div class="el-col el-col-24 el-col-sm-0 el-col-md-2 el-col-lg-4" style="padding-left:10px;padding-right:10px;display:block;"><div style="width:1px;height:1px;"></div></div> <div class="el-col el-col-24 el-col-sm-24 el-col-md-18 el-col-lg-16" style="padding-left:10px;padding-right:10px;"><div class="el-card box-card is-always-shadow"><div class="el-card__header"><div class="clearfix"><span>温馨提示喵</span></div></div><div class="el-card__body"> <div class="el-row" style="margin-left:-10px;margin-right:-10px;"><div class="el-col el-col-24 el-col-xs-24 el-col-sm-12" style="padding-left:10px;padding-right:10px;"><div class="el-image"><div class="image-slot"><img src="https://github-imglib-1255459943.cos.ap-chengdu.myqcloud.com/assets/img/loading.gif" style="width:100%;"></div><!----></div></div> <div class="el-col el-col-24 el-col-xs-24 el-col-sm-12" style="padding-left:10px;padding-right:10px;"><div class="copyright-text"><div>本文版权归作者所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。</div> <div>出处：被删的前端游乐场</div> <div>作者：<a href="https://github.com/godbasin" target="_blank">被删</a></div></div></div></div></div></div></div></div></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
        ←
        <a href="/front-end-playground/front-end-work/front-end-days/about-front-end-4-health.html" class="prev">
          4.生命与健康
        </a></span> <span class="next"><a href="/front-end-playground/front-end-work/front-end-days/about-front-end-6.html">
          6.工作选择的困惑
        </a>
        →
      </span></p></div>  <div class="gitalk-container theme-default-content"><div id="gitalk-container" class="content"></div></div></main> <div id="kitty-container"><span><div role="tooltip" id="el-popover-9246" aria-hidden="true" class="el-popover el-popper" style="width:undefinedpx;display:none;"><!----><img src="https://github-imglib-1255459943.cos.ap-chengdu.myqcloud.com/2code2.jpg" class="image"> <div class="text">牡羊猪的猫粮罐</div> </div><span class="el-popover__reference-wrapper"><div id="kitty" style="background:url(https://github-imglib-1255459943.cos.ap-chengdu.myqcloud.com/assets/img/kitty0.svg);"></div></span></span> <div class="el-dialog__wrapper" style="display:none;"><div role="dialog" aria-modal="true" aria-label="牡羊猪是这样渐渐胖成猪的喵（点击图片可以切换噢）" class="el-dialog" style="margin-top:15vh;"><div class="el-dialog__header"><span class="el-dialog__title">牡羊猪是这样渐渐胖成猪的喵（点击图片可以切换噢）</span><button type="button" aria-label="Close" class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button></div><!----><!----></div></div></div></div><div class="global-ui"></div></div>
    <script src="/front-end-playground/assets/js/app.1e2670bf.js" defer></script><script src="/front-end-playground/assets/js/2.38d016d1.js" defer></script><script src="/front-end-playground/assets/js/3.e3f029cb.js" defer></script><script src="/front-end-playground/assets/js/127.f28403b1.js" defer></script>
  </body>
</html>
